<!DOCTYPE html>
<html lang="zh">
<head>
    <title>付费知识管理</title>
    <{include file="article/public/header"}>
    <{include file="article/public/data_tables_css"}>

</head>
<body class="hold-transition sidebar-mini layout-fixed">
<!-- Site wrapper -->
<div class="wrapper">
    <!-- Navbar -->
    <{include file="article/public/navbar"}>
    <!-- /.navbar -->

    <!-- Main Sidebar Container -->
    <!--左侧菜单-->
    <{include file="article/public/sidebar"}>

    <!-- Content Wrapper. Contains page content -->
    <div class="content-wrapper">
        <section class="content-header">
            <div class="container-fluid">
                <div class="row mb-2">
                    <div class="col-sm-6">

                    </div>
                    <div class="col-sm-6">
                        <ol class="breadcrumb float-sm-right">
                            <li class="breadcrumb-item"><a href="#">订单管理</a></li>
                            <li class="breadcrumb-item active">订单列表</li>
                        </ol>
                    </div>
                </div>
            </div>
        </section>
        <!-- Main content -->
        <section class="content">
            <div class="container-fluid">
                <div class="card">
                    <div class="card-header">
                        <form action="<{:url()}>">
                            <div class="form-row ">

                                <div class="col-auto">
                                    <select name="status" class="form-control " >
                                        <option  value="">全部状态</option>
                                        <option <{if null !== $Request.param.status &&$Request.param.status=='1'}>selected<{/if}>  value="1">已购买</option>
                                        <option <{if null !== $Request.param.status &&$Request.param.status=='0'}>selected<{/if}> value="0">待支付</option>

                                    </select>
                                </div>
                                <div class="col-auto">
                                    <select name="pay_type" class="form-control" >
                                        <option value="">付款方式</option>
                                        <option <{if null !== $Request.param.pay_type &&$Request.param.pay_type=='wechat'}>selected<{/if}>  value="wechat">微信</option>
                                        <option <{if null !== $Request.param.pay_type &&$Request.param.pay_type=='alipay'}>selected<{/if}>  value="alipay">支付宝</option>
                                        <option <{if null !== $Request.param.pay_type &&$Request.param.pay_type=='credit'}>selected<{/if}>  value="credit">余额</option>
                                    </select>
                                </div>

                                <div class="col-auto">

                                    <input name="keyword" type="text" class="form-control " placeholder="订单号搜索" value="">
                                </div>

                                <div class="col-auto">
                                    <button type="submit" class="btn btn-primary mb-2 "><i class="fas fa-search"></i></button>
                                    <a  href="<{:url('index')}>"  class="btn btn-default mb-2 bs-left-30" title="重置"><i class="fas fa-history"></i></a>

                                </div>
                            </div>
                        </form>
                    </div>
                    <!-- /.card-header -->
                    <div class="card-body">
                        <table id="my_table" class="table table-bordered table-striped">
                            <thead>
                            <tr>
                                <th>#</th>
                                <th>文章</th>
                                <th>下单用户</th>
                                <th>订单号</th>
                                <th>状态</th>

                                <th>价格</th>
                                <th>时间</th>
                            </tr>
                            </thead>
                            <tbody>
                            <{if !empty($data)}>
                            <{foreach $data as $item}>
                            <tr>
                                <td><{$item.id}></td>
                                <td>
                                    <span title="<{$item.title}>"><{$item.title}></span>
                                </td>
                                <td>
                                    <a href="<{:url('/admin/user.index/index',['keyword'=>$item.uid])}>"><{$item.user.account}></a>
                                </td>
                                <td><{$item.order_sn}></td>
                                <td>
                                    <{$item.statusDesc}>
                                </td>

                                <td>
                                    下单价格：￥<{$item.price}> <br>
                                    实付金额：￥<{$item.pay_price}>
                                </td>

                                <td>

                                    添加：<{$item.add_time|date="Y-m-d H:i:s",###}> <br>
                                    更新：<{$item.up_time|date="Y-m-d H:i:s",###}>

                                </td>


                            </tr>
                            <{/foreach}>
                            <{/if}>



                            </tbody>
                            <tfoot>


                            </tfoot>
                        </table>
                    </div>
                    <div class="card-footer">
                        <{$page?$page->render():''}>
                    </div>
                    <!-- /.card-body -->
                </div>
            </div>

        </section>
    </div>


</div>
<!-- ./wrapper -->

<{include file="article/public/footer"}>
<!-- DataTables  & Plugins -->
<{include file="article/public/data_tables"}>
<script>
    $(function () {
        $("#my_table").DataTable({
            "ordering": false,//禁用排序
            "responsive": true,
            "lengthChange": false,
            "autoWidth": false,
            //"buttons": ["copy", "csv", "excel", "pdf", "print", "colvis"],
            // "pageLength": 10,         //初始化显示几条数据
            //serverSide: true, // use local process instead of server
            // bFilter: true, // show top right search input box.
            bPaginate: false,//是否开启分页
            iDisplayLength: 10, //默认显示的记录数
            bInfo: false,//是否显示页脚信息，DataTables插件左下角显示记录数
        }).buttons().container().appendTo('#my_table_wrapper .col-md-6:eq(0)');

    });


</script>
<script>

    function set_status(obj){
        var id = $(obj).data('id');

        layer.confirm('确定要修改状态吗',{title:'设置状态确认',btn:['确定','再想想']},function (index) {
            sendData("<{:url('article_action')}>",{id:id,ac:'status'},function (res) {
                if (res.code==0){
                    location.reload()
                    layer.close(index)
                }
            })

        })
    }
    function del(obj){
        var id = $(obj).data('id');
        layer.confirm('确定要删除吗',{title:'删除确认',btn:['确定','点错了']},function (index) {
            sendData("<{:url('article_action')}>",{id:id,ac:'del'},function (res) {
                if (res.code==0){
                    $(obj).parent('td').parent('tr').remove()
                    layer.close(index)
                }
            })

        })
    }


</script>
</body>
</html>
